import Link from "next/link";

const Footer = ({ className = "" }) => {
    return (
        <footer className={`bg-white border-t border-gray-200 shadow-sm text-gray-600 ${className}`}>
            <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
                {/* 主要内容区域 */}
                <div className="flex justify-center text-center">
                    {/* 品牌信息区 */}
                    <div className="space-y-4 max-w-2xl">
                        <div className="text-2xl font-bold text-gray-900">
                            <div className="text-black-600 transition-colors duration-200">
                                医学影像处理工具集成展示平台
                            </div>
                        </div>
                        <div className="text-sm text-gray-500 leading-relaxed max-w-md">
                            专业的医学影像处理工具平台，集成肺结节CT、肺炎X光、慢阻肺CT、
                            肝癌CT、脂肪肝超声等多个临床应用场景，为医疗专业人员提供精准的影像诊断支持。
                        </div>
                    </div>

                    {/* 支持链接分组 */}
                    {/* <div className="space-y-4">
                        <h3 className="text-lg font-semibold text-white">支持与帮助</h3>
                        <nav className="flex flex-col space-y-3">
                            <a
                                href="/api-documentation"
                                className="text-sm text-gray-400 hover:text-blue-400 hover:translate-x-1 transition-all duration-300 ease-in-out group"
                            >
                                <span className="group-hover:text-blue-400">API文档</span>
                            </a>
                            <a
                                href="https://github.com/BlockchainGameWithAIGC/frontend"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="text-sm text-gray-400 hover:text-blue-400 hover:translate-x-1 transition-all duration-300 ease-in-out group flex items-center gap-2"
                            >
                                <span className="group-hover:text-blue-400">开源代码</span>
                                <svg className="w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity duration-300" fill="currentColor" viewBox="0 0 20 20">
                                    <path fillRule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clipRule="evenodd" />
                                </svg>
                            </a>
                            <a
                                href="mailto:support@medical-ai.com"
                                className="text-sm text-gray-400 hover:text-blue-400 hover:translate-x-1 transition-all duration-300 ease-in-out group"
                            >
                                <span className="group-hover:text-blue-400">技术支持</span>
                            </a>
                            <a
                                href="/privacy"
                                className="text-sm text-gray-400 hover:text-blue-400 hover:translate-x-1 transition-all duration-300 ease-in-out group"
                            >
                                <span className="group-hover:text-blue-400">隐私政策</span>
                            </a>
                        </nav>
                    </div> */}
                </div>

                {/* 分割线 */}
                <div className="border-t border-gray-200 mt-12 pt-8">
                    {/* 版权信息区域 */}
                    <div className="flex flex-col lg:flex-row justify-between items-center gap-6">
                        {/* 版权信息 */}
                        <div className="flex flex-col sm:flex-row items-center gap-4 text-sm">
                            <div className="text-gray-600 font-medium">
                                © {new Date().getFullYear()} 医学影像处理工具展示平台
                            </div>
                            <div className="hidden sm:block text-gray-400">|</div>
                            <div className="text-gray-500 text-xs">
                                成果汇总分享网站
                            </div>
                        </div>

                        {/* 社交媒体和链接区域 */}
                        <div className="flex flex-col sm:flex-row items-center gap-6">
                            {/* 法律链接 */}
                            <div className="flex items-center space-x-4 text-sm">
                                <a
                                    href="/terms"
                                    className="text-gray-500 hover:text-blue-600 transition-all duration-300 ease-in-out hover:underline underline-offset-4"
                                >
                                    服务条款
                                </a>
                                <a
                                    href="/privacy"
                                    className="text-gray-500 hover:text-blue-600 transition-all duration-300 ease-in-out hover:underline underline-offset-4"
                                >
                                    隐私政策
                                </a>
                            </div>

                            {/* 社交媒体图标 */}
                            <div className="flex items-center space-x-3">
                                <a
                                    href="https://gitee.com/wizzard-gq/products-showcase-platform"
                                    target="_blank"
                                    rel="noopener noreferrer"
                                    className="text-gray-600 hover:text-blue-600 p-2 rounded-full bg-gray-50 hover:bg-blue-50 hover:shadow-sm transition-all duration-300 ease-in-out transform hover:scale-110"
                                    aria-label="GitHub源代码"
                                >
                                    <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
                                    </svg>
                                </a>
                                <a
                                    href="mailto:support@medical-ai.com"
                                    className="text-gray-600 hover:text-blue-600 p-2 rounded-full bg-gray-50 hover:bg-blue-50 hover:shadow-sm transition-all duration-300 ease-in-out transform hover:scale-110"
                                    aria-label="邮件联系"
                                >
                                    <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                        <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" />
                                    </svg>
                                </a>
                                <a
                                    href="/api-documentation"
                                    className="text-gray-600 hover:text-blue-600 p-2 rounded-full bg-gray-50 hover:bg-blue-50 hover:shadow-sm transition-all duration-300 ease-in-out transform hover:scale-110"
                                    aria-label="API文档"
                                >
                                    <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                        <path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    )
}

export default Footer;